<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no,minimal-ui"
          name="viewport"/>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>hongkai</title>
    <script type="text/javascript">
      (function(_D){
              var _self = {};

              _self.resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';

              _self.Html = _D.getElementsByTagName("html")[0];

              _self.widthProportion = function(){

                  var p = Number((_D.body&&_D.body.clientWidth||_self.Html.offsetWidth)/640).toFixed(3);

                  return p>1.067?1.067:p<0.444?0.444:p;

              };

              _self.changePage = function(){

                  _self.Html.setAttribute("style","font-size:"+_self.widthProportion()*100+"px");

              };

              _self.changePage();

              if (!document.addEventListener) return;

              window.addEventListener(_self.resizeEvt,_self.changePage,false);

              document.addEventListener('DOMContentLoaded', _self.changePage, false);
      })(document);
    </script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but hongkai doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
